웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
이벤트를 실행하기 위해 on() 메소드를 사용하였으나 live()메소드가 deprecated되면서 on() 메소드와의 사용방법 때문에 함수의 실행이 되는 경우와 안되는 경우가 있습니다. 이때 해결할 수 있는 방법은 아래처럼 코드를 수정하면 가능합니다.
# 기존
$('gallery').on('click', function() {
...
});
# 변경 후
$(document).on('click', '#gallery', function() {
...
});
# 기존
$('gallery').on('click', function() {
});
# 변경 후
$(document).on('click', '#gallery', function() {
});
아래의 글도 찾고 계시지 않나요?
궁금하다~ 양파싹 먹어도 되나요?- [VueJS] EventBus를 사용, 컴포넌트 데이터 주고받는 통신 방법
- VueJS에서 마우스오버 이벤트 구현, mouseover
- 자바스크립트 event target 프로퍼티와 currentTarget 프로퍼티의 차이점은?
- 제이쿼리 - 마우스 우측버튼 클릭시 이벤트 구현방법
- input 입력폼 엔터키 누를 경우 submit 막기, prevent
- 자바스크립트 클로저를 알아보고 다양한 예제 알아보자
- 자바스크립트 event.stopPropagation() 사용하는 방법은?
- 제이쿼리 이벤트 click()의 반대되는 unclick()이 존재하나요?
- angularjs에서 이벤트를 다른 스코프로 전달할때 $emit, $broadcast에 사용할 이벤트 이름 사용하기